<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title></title>
		<link rel="stylesheet" type="text/css" href="css/article.css"/>
		<link rel="stylesheet" type="text/css" href="css/swiper-3.4.2.min.css"/>
	</head>
	<body>
		<div class="swiper-container">
		    <div class="swiper-wrapper">
		        <div class="swiper-slide" data-history="1">
		        	<div class="swiper-container" id="Swiper1">
		        		<div class="swiper-wrapper">
		        			<div class="swiper-slide">
		        				<div class="article">
									<div class="carousel_wrap3">
										<div class="lunbo_wrap">
											<!--轮播图的容器-->
											<ul class="pic_box">
												<li>
													<img src="img/05.jpg"/>
													<div class="nav-title">
														<div class="nav-bottom">
															<div>
																<span>[专业IMC平台]</span>
																<span>太子金涂鸦大赛网络整合营销传播</span>
															</div>
														</div>
													</div>
												</li>
												<li>
													<img src="img/05.jpg"/>
													<div class="nav-title">
														<div class="nav-bottom">
															<div>
																<span>[专业IMC平台]</span>
																<span>太子金涂鸦大赛网络整合营销传播</span>
															</div>
														</div>
													</div>
												</li>
												<li>
													<img src="img/05.jpg"/>
													<div class="nav-title">
														<div class="nav-bottom">
															<div>
																<span>[专业IMC平台]</span>
																<span>太子金涂鸦大赛网络整合营销传播</span>
															</div>
														</div>
													</div>
												</li>
												<li>
													<img src="img/05.jpg"/>
													<div class="nav-title">
														<div class="nav-bottom">
															<div>
																<span>[专业IMC平台]</span>
																<span>太子金涂鸦大赛网络整合营销传播</span>
															</div>
														</div>
													</div>
												</li>
												<li>
													<img src="img/05.jpg"/>
													<div class="nav-title">
														<div class="nav-bottom">
															<div>
																<span>[专业IMC平台]</span>
																<span>太子金涂鸦大赛网络整合营销传播</span>
															</div>
														</div>
													</div>
												</li>
											</ul>
											<!--底部的控制点-->
											<ul class="pannel">
												
											</ul>
											<!--左右箭头-->
											<span id="left_arrow">
												&lt;
											</span>
											<span id="right_arrow">
												&gt;
											</span>
										</div>
									</div>
									<div class="article-box">
										<div class="article-text">
											<img class="lazy" src="img/loading.gif" data-original="img/article_01.jpg"/>
											<p>
												海天“晒“宴，和汪涵一起，参观海天酱油......
											</p>
											<div class="article-marketing">
												<a href="#">营销</a>
												<i class="iconfont icon-xin"><span>120</span></i>
												<i class="iconfont icon-yanjing"><span>560</span></i>
											</div>
											<section>
												<div>
													<img src="img/mx-nologin.png"/>
												</div>
												<span class="username">叶巧岚</span>
												<span class="time">2015年1月20日</span>
											</section>
										</div>
										<div class="article-text">
											<img class="lazy" src="img/loading.gif" data-original="img/article_01.jpg"/>
											<p>
												海天“晒“宴，和汪涵一起，参观海天酱油......
											</p>
											<div class="article-marketing">
												<a href="#">营销</a>
												<i class="iconfont icon-xin"><span>120</span></i>
												<i class="iconfont icon-yanjing"><span>560</span></i>
											</div>
											<section>
												<div>
													<img src="img/mx-nologin.png"/>
												</div>
												<span class="username">叶巧岚</span>
												<span class="time">2015年1月20日</span>
											</section>
										</div>
										<div class="article-text">
											<img class="lazy" src="img/loading.gif" data-original="img/article_01.jpg""/>
											<p>
												海天“晒“宴，和汪涵一起，参观海天酱油......
											</p>
											<div class="article-marketing">
												<a href="#">营销</a>
												<i class="iconfont icon-xin"><span>120</span></i>
												<i class="iconfont icon-yanjing"><span>560</span></i>
											</div>
											<section>
												<div>
													<img src="img/mx-nologin.png"/>
												</div>
												<span class="username">叶巧岚</span>
												<span class="time">2015年1月20日</span>
											</section>
										</div>
										<div class="article-text">
											<img class="lazy" src="img/loading.gif" data-original="img/article_01.jpg"/>
											<p>
												海天“晒“宴，和汪涵一起，参观海天酱油......
											</p>
											<div class="article-marketing">
												<a href="#">营销</a>
												<i class="iconfont icon-xin"><span>120</span></i>
												<i class="iconfont icon-yanjing"><span>560</span></i>
											</div>
											<section>
												<div>
													<img src="img/mx-nologin.png"/>
												</div>
												<span class="username">叶巧岚</span>
												<span class="time">2015年1月20日</span>
											</section>
										</div>
										<div class="article-text">
											<img class="lazy" src="img/loading.gif" data-original="img/article_01.jpg"/>
											<p>
												海天“晒“宴，和汪涵一起，参观海天酱油......
											</p>
											<div class="article-marketing">
												<a href="#">营销</a>
												<i class="iconfont icon-xin"><span>120</span></i>
												<i class="iconfont icon-yanjing"><span>560</span></i>
											</div>
											<section>
												<div>
													<img src="img/mx-nologin.png"/>
												</div>
												<span class="username">叶巧岚</span>
												<span class="time">2015年1月20日</span>
											</section>
										</div>
										<div class="article-text">
											<img class="lazy" src="img/loading.gif" data-original="img/article_01.jpg"/>
											<p>
												海天“晒“宴，和汪涵一起，参观海天酱油......
											</p>
											<div class="article-marketing">
												<a href="#">营销</a>
												<i class="iconfont icon-xin"><span>120</span></i>
												<i class="iconfont icon-yanjing"><span>560</span></i>
											</div>
											<section>
												<div>
													<img src="img/mx-nologin.png"/>
												</div>
												<span class="username">叶巧岚</span>
												<span class="time">2015年1月20日</span>
											</section>
										</div>
									</div>
									<div class="load">
										<a href="#">加载更多</a>
									</div>
								</div>
								<!--<div class="swiper-pagination"></div>-->
		        			</div>
		        		</div>
		        	</div>
		        </div>
		    <div class="swiper-slide" data-history="2">
		                <div class="article-detail-box">
							<div class="article-detail">
								<h2>
									海天“晒“宴，和汪涵一起，参观海天酱油阳光工厂
								</h2>
								<div class="sl">
									<a href="#" class="iconfont icon-xin"><span>20</span></a>
									<a href="#" class="iconfont icon-yanjing"><span>560</span></a>
								</div>
								<div class="rq">
									<span>2015-1-20</span>
									<span>[数字营销]</span>
								</div>
								<div class="abstract">
									<p>
										摘要：“海天阳光之旅”，携手汪涵启程啦！ 幸运的你，将与汪涵近距离互动，一起参观海天酱油阳光工厂，探秘超大规模调味王国！三天两夜免费体验岭南风情，夜游珠江登高小蛮腰，畅游长隆品粤式美食！还等什么？赶快参与互动，报名参加“海天阳光之旅”吧！
									</p>
								</div>
								<div class="internet">
									<h3 class="h1">互联网呈现移动化、社交化、视频化等形式，未来互联网营销是新趋向。</h3>
									<p class="p1">
										与此同时，随着互联网的移动化快速发展与社会化趋势，网民需求正在逐渐多样化。在这一前提下，无论是互联网巨头还是各种创新型互联网企业，单凭自身的资源与创新能力已经无法满足依赖移动互联网平台，表达形式日渐多样化的网民日益多元化的需求。有鉴于此，海天在2014年开始大力发展互联网营销事业，试图在互联网抢夺更多的用户。
									</p>
									<h3 class="h1">剑指对手，紧追猛打—海天酱油抢回“晒”语权</h3>
									<p class="p1">
										直接剑指对手，打出新口号，紧追猛打。针对对手的产品口号，2014年海天酱油新定位—晒出来的好酱油，不仅晒足180天哦！在对手已经教育消费者，好酱油是晒出来的层面上，继续强势教育消费者，其实好酱油不止晒足180天，进一步加深消费者的印象，强势植入品牌概念。希望在新的领域抢夺更多的用户，挖掘更多的潜在受众。
									</p>
									<div class="article-img">
										<img src="img/article_14.jpg"/>
									</div>
									<h3 class="h1">全网覆盖，最大声量--海天在新阵地上刷新年轻新形象</h3>
									<p class="p1">
										互联网一直是年轻人的聚集地，想要扩大活动声量结合人群属性和触媒习惯，选择在互联网作为主阵地，最大力度地扩散活动的影响力，聚焦主流平台及优势资源，引爆海天在互 联网上的传播力，为品牌活动引流。
									</p>
									<p class="p2">
										四大门户媒体：品牌及活动主力支撑平台，为品牌做公关护航
									</p>
									<p class="p2">
										四大视频媒体：品牌TVC补充曝光，为活动引流助力社会化媒体自发扩散，通过大量转发，促进二次传播。
									</p>
									<div class="article-img2">
										<img src="img/article_15.jpg"/>
									</div>
								</div>
								<div class="strategy">
									<h3 class="h2">策略方向</h3>
									<p class="p3">点面结合，互动为王</p>
									<h3 class="h2">点</h3>
									<p class="p3">紧贴明星汪涵话题点，借助汪涵的明星效应，紧跟工厂游社会热点，通过参观工厂，探秘工厂内部制作酱油的全过程紧抓网友利益点：设置互动活动奖励机制，刺激网友参加</p>
									<h3 class="h2">面</h3>
									<p class="p3">媒介公关全面造势：全方位扩散“海天阳光之旅”的活动精准视频渗透：重点推广品牌TVC，继续借助明星效应社会化口碑广泛积累：通过口口相传的口碑营销，为活动积累人气</p>
									<div class="article-img3">
										<img src="img/article_16.jpg"/>
									</div>
									<h3 class="h4">活动简介 :</h3>
									<p class="p4">“海天阳光之旅”，携手汪涵启程啦！</p>
									<p class="p5">幸运的你，将与汪涵近距离互动，一起参观海天酱油阳光工厂，探秘超大规模调味王国！三天两夜免费体验岭南风情，夜游珠江登高小蛮腰，畅游长隆品粤式美食！还等什么？赶快参与互动，报名参加“海天阳光之旅”吧！</p>
									<h3 class="h4">活动时间 :</h3>
									<p class="p4">2014年9月15日—2014年10月30日</p>
									<p class="p5">多版活动素材，增强活动新鲜感，提升网民参与热度！<br>分为不同的时期，分别推出不同的网站页面，通过分阶段的视觉冲击，增加活动的趣味性，吸引更多的网友持续关注活动，为活动打造更强的互动体验</p>
									<div class="article-img3">
										<img src="img/article_17.jpg"/>
									</div>
									<p class="p6">趣味化广告 + 晒酱油视频 + 利益性抽奖,引爆全网最大化传播！借助汪涵的名人效应，不断地播放品牌TVC，强势教育消费者设置不同的奖项，刺激消费者带动更多的人参与活动，引发全网最大化传播</p>
									<div class="article-img3">
										<img src="img/article_18.jpg"/>
									</div>
									<p class="p7">截止10月13日，参与活动人数已达157万，海天引发全网互动狂潮！撬动网民内心支点奖品派不停！参与人数持续升高！</p>
									<p class="p8">20元红包1000份，共计2万元</p>
									<p class="p8">50元红包500份，共计2万5千元</p>
									<p class="p8">合计已派发红包1500份！</p>
									<div class="article-img3">
										<img src="img/article_19.jpg"/>
									</div>
									<p class="p6">总的来说，“阳光海天之旅”，集中资源，全网传播，互动效果明显，社会化传播上好评如潮对比厨邦酱油、李锦记，海天酱油在百度指数上遥遥领先，成功建立竞争壁垒！</p>
									<div class="article-img3">
										<img src="img/article_20.jpg"/>
									</div>
								</div>
							</div>
							<div class="posts-box">
								<div class="posts">
									<h3>上一篇 :</h3><a href="#">Flyme的新Logo也一同亮相</a>
								</div>
							</div>
							<div class="comment-box">
								<div class="comment">
									<div class="dz">
										<div>
											<a href="#" class="iconfont icon-xin"></a>
										</div>
										<span>点赞</span>
									</div>
									<div class="dz">
										<div>
											<a href="#" class="iconfont icon-xing"></a>
										</div>
										<span>收藏</span>
									</div>
									<div class="dz">
										<div>
											<a href="#" class="iconfont icon-fenxiang"></a>
										</div>
										<span>分享</span>
									</div>
								</div>
							</div>
							<div class="comment-from">
								<div class="comment-login">
									<a href="#">登录</a>
									<span>后参与评论</span>
								</div>
								<div class="fb">
									<a href="#">发表评论</a>
								</div>
								<div class="comment-text-box">
									<div class="comment-text">
										<h3>已有<span>2</span>条评论</h3>
										<ul>
											<li>
												<div class="user-message flex">
													<div class="headimg flex">
														<img src="img/comment.png"/>
													</div>
													<p>YanXinHeng</p>
													<span>1天前</span>
												</div>
												<div class="user-text flex">
													<p>在这个互相仇恨的年代，抓的点不错</p>
													<span class="user-time">2015-11-8 11:04</span>
												</div>
												<!--回复-->
												<div class="reply">
													<p>
														(<span>2</span>)回复
														<i class="iconfont icon-xia"></i>
													</p>
													<div class="reply-area">
														<div class="area">
															<div class="headimg size2">
																<img src="img/comment.png"/>
															</div>
															<p>Mimo:</p>
															<div class="reply-text">
																在这个互相仇恨的年代，抓的点不错
															</div>
														</div>
														<div class="time-data">
															2015-11-9 10:02
														</div>
													</div>
													<div class="reply-area">
														<div class="area">
															<div class="headimg size2">
																<img src="img/comment1.png"/>
															</div>
															<p>Clonaerdo:</p>
															<div class="reply-text">
																在这个互相仇恨的年代，抓的点不错
															</div>
														</div>
														<div class="time-data">
															2015-11-9 10:02
														</div>
													</div>
													<div class="publish">
														<form action="#">
															<textarea name="reply" rows="" cols="">有一天</textarea>
															<a href="#">发表</a>
														</form>
													</div>
												</div>
											</li>
											<li>
												<div class="user-message flex">
													<div class="headimg flex">
														<img src="img/comment.png"/>
													</div>
													<p>YanXinHeng</p>
													<span>1天前</span>
												</div>
												<div class="user-text flex">
													<p>在这个互相仇恨的年代，抓的点不错</p>
													<span class="user-time">2015-11-8 11:04</span>
												</div>
												<!--回复-->
												<div class="reply">
													<p>
														回复
														<i class="iconfont icon-xia"></i>
													</p>
													<div class="reply-area display-no">
														<div class="area">
															<div class="headimg size2">
																<img src="img/comment.png"/>
															</div>
															<p>Mimo:</p>
															<div class="reply-text">
																在这个互相仇恨的年代，抓的点不错
															</div>
														</div>
														<div class="time-data">
															2015-11-9 10:02
														</div>
													</div>
													<div class="reply-area display-no">
														<div class="area">
															<div class="headimg size2">
																<img src="img/comment1.png"/>
															</div>
															<p>Clonaerdo:</p>
															<div class="reply-text">
																在这个互相仇恨的年代，抓的点不错
															</div>
														</div>
														<div class="time-data">
															2015-11-9 10:02
														</div>
													</div>
													<div class="publish display-no">
														<form action="#">
															<textarea name="reply" rows="" cols="">有一天</textarea>
															<a href="#">发表</a>
														</form>
													</div>
												</div>
											</li>
										</ul>
									</div>
								</div>
								<div class="load">
									<a href="#">加载更多</a>
								</div>
							</div>
						</div>
		        </div>
		        <div class="swiper-slide" data-histoty="3"><img  src="img/03.jpg"/></div>
		    </div>
		    <!-- 如果需要分页器 -->
		    <div class="swiper-pagination"></div>
		</div>
		<script src="js/jquery-2.1.0.js"></script>
		<script src="js/swiper-3.4.2.jquery.min.js"></script>
		<script src="js/swiper.animate1.0.2.min.js"></script>
		<script>
			new Swiper('.swiper-container', {
				    direction: 'horizontal',
//				    loop: true,
				    histoty: 'love',
				    autoplayStopOnLast: true,
				    autoHeight:true,
				    // 如果需要分页器
				    pagination: '.swiper-pagination',
				    paginationType:'custom',
				    roundLengths:'true',
				    observer:true,
				    observerParents:true,
  			})
			var Swiper1 =  new Swiper(#Swiper1);
			new Swiper1('.article',{
				direction:'horizontal',
				histoty:true,
				autoplayStopOnLast:true,
				autoHeight:true,
				pagination:'.swiper-pagination',
			})
		</script>
	</body>
</html>
